<?php
function __autoload($class_name)
{
	//Mirar en el directorio de las clases
	foreach(scandir("clases") as $directory)
	{
		$directory="clases/".$directory."/";
		//Si lo encuentra, lo incluye
		if(file_exists($directory.$class_name . '.php'))
		{
			require_once($directory.$class_name . '.php');
			return;
		}   
	}
}

include("conexion.php");

$sesion=new Sesion();
if(!$sesion->iniciar())
{
	header("location: entrar.php");
	exit;
}

?>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Wixet</title>
		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />	
		<link type="text/css" href="css/principal.css" rel="stylesheet" />
		<link type="text/css" href="css/cssUsuario.php" rel="stylesheet" />		
		<link type="text/css" href="css/Pager.css" rel="stylesheet" />	
		<link type="text/css" href="css/dock.css" rel="stylesheet" />	
		<link type="text/css" href="css/imgnotes.css" rel="stylesheet" />	
		<link type="text/css" href="css/jquery.jgrowl.css" rel="stylesheet" />	
		<link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="css/jquery.window.4.03.css" rel="stylesheet" type="text/css" media="screen" />
		<link type="text/css" href="css/fullcalendar.css" rel="stylesheet" />
		<link type="text/css" href="css/ui.multiselect.css" rel="stylesheet" />		
		<link type="text/css" href="css/jquery.jqplot.css" rel="stylesheet" />
		<link type="text/css" href="css/jquery.vreboton.ColorPicker.css" rel="stylesheet" />
		<!-- <link type="text/css" href="css/notes.css" rel="stylesheet" />
		<link type="text/css" href="css/notesIE8.css" rel="stylesheet" /> -->							
		
			
			<link type="text/css" href="css/thickbox.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
			<script type='text/javascript' src='js/jquery.bgiframe.min.js'></script>
			<script type='text/javascript' src='js/jquery.ajaxQueue.js'></script>
			<script type='text/javascript' src='js/thickbox-compressed.js'></script>
		<script type="text/javascript" src="js/jquery.history.js"></script>
		
		<!-- para que solo cargue las imagenes que se ven -->
		<script type="text/javascript" src="js/jquery.lazyload.mini.js"></script>
		<script type="text/javascript" src="js/principal.js"></script>
		<script type="text/javascript" src="js/jquery.pager.js"></script>
		<!--dock -->
		<script type="text/javascript" src="/js/interface.js"></script>
		<!--fin dock-->
		
		<!-- mi biblioteca para cojer datos de la url -->
		<script type="text/javascript" src="/js/jquery.url.js"></script>
		
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<!-- tooltips en las imagenes -->
		
		<!-- <script type="text/javascript" src="js/jquery-notes_1.0.5.js"></script>-->
		<script type="text/javascript" src="js/jquery.imgareaselect-0.4.js"></script>
		<script type="text/javascript" src="js/jquery.imgnotes-0.2.js"></script>
		<!-- fin tooltips en las imagenes -->
		
		<script src="js/jquery.alerts.js" type="text/javascript"></script>
		<script src="js/jquery.progressbar.js" type="text/javascript"></script>
		<script src="js/jquery.window.4.03.js" type="text/javascript"></script>
		<script src="js/jquery.form.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/jquery.jgrowl.js"></script>
		<!-- Hay que mirar lo de select box y decidir qué hacer -->
		<script type="text/javascript" src="js/fullcalendar.js"></script>
				<script type="text/javascript" src="js/gcal.js"></script>
		<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.js"></script>

		<script type="text/javascript" src="js/jquery.multiselect.js"></script>
		
		<script language="javascript" type="text/javascript" src="js/jquery.jqplot.min.js"></script>
			<script language="javascript" type="text/javascript" src="js/jqplot/jqplot.categoryAxisRenderer.js"></script>
			<script language="javascript" type="text/javascript" src="js/jqplot/jqplot.barRenderer.js"></script>

		<script language="javascript" type="text/javascript" src="js/jquery.switcher.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.sticky.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.chat-jabber.js"></script>
			<script language="javascript" type="text/javascript" src="js/crypt.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.editor.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.json.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.vreboton.ColorPicker.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.combo.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.wixmenu.js"></script>
		<script language="javascript" type="text/javascript" src="js/jquery.xmpp.js"></script>

</head>
<body style="font-size:65%">


<div id="toolbar" class="ui-widget-header ui-corner-all ui-helper-clearfix">

<span id="botones">
		<input type="radio" id="botones-inicio" name="botones" checked="checked" /><label style="top: 3px; left:5px" for="botones-inicio">Inicio</label>
		<input type="radio" id="botones-perfil" name="botones" /><label style="top: 3px;" for="botones-perfil">Mi perfil</label>
		<input type="radio" id="botones-amigos" name="botones" /><label style="top: 3px; left:-5px" for="botones-amigos">Buscar</label>
	</span>
		
	<input class="text ui-widget-content ui-corner-all" type="text" id="buscarAmigos">
	<div class="chat" id="chat"></div>
			
	<div class="dock" id="dock">
		<div class="dock-container">
		  <a class="dock-item" rel="history" href="#fotos"><img src="img/dock/fotos.png" alt="Fotos" /><span>Fotos</span></a>
		  <a class="dock-item" rel="history" href="#calendario"><img src="img/dock/calendario.png" alt="Agenda" /><span>Agenda</span></a>  
 
		  <a class="dock-item" rel="history" href="#mensajesPrivados"><img src="img/dock/mensajes.png" alt="Mensajes" /><span>Mensajes</span></a> 
		  <a class="dock-item" href="javascript:void(0)" onclick="mostrarSubirFotos()"><img src="img/dock/subir-fotos.png" alt="Subir Fotos" /><span>Subir fotos</span></a> 
		  <a class="dock-item" rel="history" href="#cuenta"><img src="img/dock/configuracion.png" alt="Cuenta" /><span>Cuenta</span></a> 
		  <a class="dock-item" id="dock-salir" href="javascript:void(0)"><img src="img/dock/salir.png" alt="Salir" /><span>Salir</span></a> 
		</div>
	</div>
	

</div>

<br>

<div class="demo">

<div class="column" id="column1">
	


</div>

<div class="columnCentro" id="columnCentro">


</div>

<div class="column" id="column2">


</div>

</div><!-- End demo -->

<div class="demo-description">

</div><!-- End demo-description -->




<div id="taskBar" style="
bottom:0;
height:2.5em;
left:1em;
position:fixed;
width:100%;">
</div>



<div id="forms">

</div>

<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="cargandoMsg" style="
z-index:5000;
bottom:0;
height:2.5em;
right:0px;
position:fixed;"><img class="ui-state-default ui-corner-all" src="img/progress.gif" />
</div>
</body>
</html>
